<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Resource Reservation System</title>
        <link href="js/jquery/jquery-ui-1.7.2.custom/css/smoothness/jquery-ui-1.7.2.custom.css"
              rel="stylesheet"
              type="text/css"
              media="all">
        <link href="styles/default.css"
              rel="stylesheet"
              type="text/css"
              media="all">
        <script type="text/javascript"
        src="js/jquery/jquery-1.4.2.min.js"></script>
        <script type="text/javascript"
        src="js/jquery/jquery-ui-1.7.2.custom/js/jquery-ui-1.7.2.custom.min.js"></script>
        <script type="text/javascript"
        src="http://jquery-ui.googlecode.com/svn/tags/1.8rc1/ui/jquery-ui.js"></script>
        <script type="text/javascript"
        src="js/default.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                loadInputFieldsEffects();
            });
        </script>
    </head>
    <body>
        <div id="main">
            <div id="topStatusBar">
                <?php include "includes/topStatusBarInclude.php"; ?>
            </div>
            <div id="indexContentArea">
                <div id="indexContainer">
                    <div>
                        <img src="images/logo.png"
                             alt="logo"/>
                    </div>
                    <div id="indexFormsMainBox">
                        <div class="formContainer">
                            <form  method="post"
                                   name="authenticateUserForm"
                                   id="authenticateUserForm"
                                   action="home.php">
                                <div class="title1 registeredUserTitleBg">
                                    Registered User
                                </div>
                                <div>
                                    <p id="authenticateUserFormStatusMessage">
                                        Please enter your login and password,
                                        in order to access to the system:
                                    </p>
                                </div>
                                <div id="emailLabel"
                                     class="inputLabel">
                                    Email (e.g. user@server.com):
                                </div>
                                <div>
                                    <input type="text"
                                           name="email"
                                           id="email"
                                           value="" />
                                </div>
                                <div id="passwordLabel"
                                     class="inputLabel">
                                    Password:
                                </div>
                                <div>
                                    <input type="password"
                                           name="password"
                                           id="password"
                                           value="" />
                                </div>
                                <div class="buttons"
                                     style="margin-top: 10px;">
                                    <button type="reset"
                                            name="resetAuthenticateUserButton"
                                            id="resetAuthenticateUserButton"
                                            onclick="resetAuthenticateUserForm()">
                                        Reset
                                    </button>
                                    <button type="button"
                                            name="submitAuthenticateUserButton"
                                            id="submitAuthenticateUserButton"
                                            onclick="submitAuthenticateUserForm()">
                                        Login
                                    </button>
                                </div>
                            </form>
                        </div>
                        <div id="formsSeparator"></div>
                        <div class="formContainer">
                            <form  method="post"
                                   name="createNewAccountForm"
                                   id="createNewAccountForm">
                                <div class="title1 newUserTitleBg">
                                    New User
                                </div>
                                <div>
                                    <p id="createNewAccountFormStatusMessage">
                                        Please complete the following required
                                        ( <span class="requiredFieldIndicator">*</span> ) information:
                                    </p>
                                </div>
                                <div id="newUsernameLabel"
                                     class="inputLabel">
                                    <span class="requiredFieldIndicator">*</span> Username:
                                </div>
                                <div>
                                    <input type="text"
                                           name="newUsername"
                                           id="newUsername"
                                           value="" />
                                </div>
                                <div id="newEmailLabel"
                                     class="inputLabel">
                                    <span class="requiredFieldIndicator">*</span> Email (e.g. user@server.com):
                                </div>
                                <div>
                                    <input type="text"
                                           name="newEmail"
                                           id="newEmail"
                                           value="" />
                                </div>
                                <div id="newPasswordLabel"
                                     class="inputLabel">
                                    <span class="requiredFieldIndicator">*</span> Password:
                                </div>
                                <div>
                                    <input type="password"
                                           name="newPassword"
                                           id="newPassword"
                                           value="" />
                                </div>
                                <div id="newVerificationPasswordLabel"
                                     class="inputLabel">
                                    <span class="requiredFieldIndicator">*</span> Re-Enter Password (same as above):
                                </div>
                                <div>
                                    <input type="password"
                                           name="newVerificationPassword"
                                           id="newVerificationPassword"
                                           value="" />
                                </div>
                                <div class="buttons"
                                     style="margin-top: 10px;">
                                    <button type="reset"
                                            name="resetCreateNewAccountButton"
                                            id="resetCreateNewAccountButton"
                                            onclick="resetCreateNewAccountForm()">
                                        Reset
                                    </button>
                                    <button type="button"
                                            name="submitCreateNewAccountButton"
                                            id="submitCreateNewAccountButton"
                                            onclick="submitCreateNewAccountForm()">
                                        Create Account
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div id="indexCopyrightLine">
                        Copyright &copy; 2010 Built by Team NARF. All rights reserved.
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
